import monacoImg from "../../assets/practice/monaco-editor.gif";
import nodeStatic from "../../assets/practice/node-static.png";
import ellipsis from "../../assets/practice/ellipsis.png";
import hsmui from "../../assets/practice/hsmui.png";
import resizer from "../../assets/practice/resizer.gif";
import searchBar from "../../assets/practice/search-bar2.gif";
import svgIcon from "../../assets/practice/svg-icon.png";
import iconsIcon from "../../assets/practice/icons.png";
import uploadProcess from "../../assets/practice/upload-process.webp";
import drawerPane from "../../assets/practice/drawer-pane.gif";
import printImg from "../../assets/practice/print.png";

export const tagColorMap: Record<string, string> = {
  JavaScript: "#f7df1e",
  JS: "#f7df1e",
  TypeScript: "#007acc",
  TS: "#007acc",
  React: "#61dafb",
  Vue: "#42b883",
  Node: "#026e00",
  CSS: "#563d7c",
  HTML: "#e34c26",
  Webpack: "#8dd6f9",
  Rollup: "#ec4a3f",
  Vite: "#646cff",
  Babel: "#f5da55",
  ESLint: "#4b32c3",
  Prettier: "#f7b93e",
  Jest: "#99425b",
  Monorepo: "#17202c",
  Git: "#f34f29",
  GitHub: "#181717",
  GitLab: "#fc6d26",
  Docker: "#2496ed",
  Nginx: "#269539",
  Linux: "#f5f5f5",
  MacOS: "#000000",
  Windows: "#0078d6",
  VSCode: "#007acc",
  Markdown: "#000000",
  YAML: "#000000",
  JSON: "#000000",
  GraphQL: "#e10098",
  "element-plus": "#000000",
  MySQL: "#4479a1",
  MongoDB: "#13aa52",
  SVG: "#dc382d",
  Iconify: "#dd0031",
  Directive: "#ff3e00",
  "Monaco Editor": "#007acc",
};

export const links = [
  {
    title: "代码编辑器: monaco-editor",
    tags: ["Monaco Editor"],
    type: "doc", // 本地文档
    url: "/practice/monaco-editor",
    img: monacoImg,
  },
  {
    title: "文件上传方案",
    tags: ["Vue"],
    type: "doc",
    url: "/practice/文件上传",
    img: uploadProcess,
  },
  {
    title: "可拖拽抽屉",
    tags: ["Vue"],
    type: "doc",
    url: "/practice/可拖拽抽屉",
    img: drawerPane,
  },
  {
    title: "Node 静态资源服务",
    tags: ["Node"],
    type: "a", // 外部链接
    url: "https://gitee.com/wudandong/node-static",
    img: nodeStatic,
  },
  {
    title: "HsmUI 组件库",
    tags: ["Monorepo", "Vue", "TypeScript"],
    type: "a",
    url: "https://gitee.com/wudandong/hsm-ui",
    img: hsmui,
  },
  {
    title: "Ellipsps 自定义指令",
    tags: ["Vue", "Directive"],
    type: "a",
    url: "https://gitee.com/wudandong/ellipsis-vue3",
    img: ellipsis,
  },
  {
    title: "Resizer 自定义指令",
    tags: ["Vue", "Directive"],
    type: "a",
    url: "https://gitee.com/wudandong/resizer",
    img: resizer,
  },
  {
    title: "svg-icon 图标组件",
    tags: ["Vue", "Iconify", "SVG"],
    type: "a",
    url: "https://gitee.com/wudandong/svg-icon",
    img: svgIcon,
  },
  {
    title: "图标方案",
    tags: ["Vue", "SVG"],
    type: "doc",
    url: "/practice/图标方案",
    img: iconsIcon,
  },
  {
    title: "SearchBar 搜索组件",
    tags: ["Vue", "element-plus"],
    type: "a",
    url: "https://gitee.com/wudandong/search-bar",
    img: searchBar,
  },
  {
    title: "蓝牙打印",
    tags: ["蓝牙"],
    type: "doc",
    url: "/practice/蓝牙打印",
    img: printImg,
  },
];
